<template>
  <div>
    <router-view></router-view>
    <footers :footerList="footerList" style="margin-top: 2rem;">

    </footers>
  </div>
</template>
<script>

import footers from '@/components/footer.vue'
export default {
  components: {
    footers
  },
  data() {
    return {
      footerList: [
        { name: '首页', icon: 'icon--xiaolu', path: 'index' },
        { name: '课程', icon: 'icon-tushuguanlibrary12', path: 'course' },
        { name: '约课记录', icon: 'icon-dianji', path: 'record' },
        { name: '练习', icon: 'icon-lianxi', path: 'exercise' },
        { name: '我的', icon: 'icon-wodeguanzhu', path: 'my' },
      ]
    }
  },
  created() {

  }
}
</script>

<style lang="scss" scoped>

</style>